<template>
  <div id="Liquid-Container"></div>
</template>

<script>
  // echarts-liquidfill
  // git地址 https://github.com/ecomfe/echarts-liquidfill#readme
  // npm地址 https://www.npmjs.com/package/echarts-liquidfill
  import 'echarts-liquidfill'
  export default {
    name: 'LiquidFill',
    mounted () {
      var myChart = this.$echarts.init(document.getElementById('Liquid-Container'))
      myChart.setOption({
        series: [{
          type: 'liquidFill',
          data: [0.6]
        }]
      })
    }
  }
</script>

<style scoped>
 #Liquid-Container{
   height: 100vh;
 }
</style>
